
//销量点击a
$('.list-sort a').click(function(){
    console.log('a');
    $(this).css('color','red').siblings().css('color','rgb(100, 100, 100)');
    $(this).css('border','red solid 1px').siblings().css('border','#8c8c8c 1px solid');
})





//瀑布流
$(function () {
  $("#gallery-wrapper").pinterest_grid({
    no_columns: 4,
    padding_x: 10,
    padding_y: 10,
    margin_bottom: 50,
    single_column_breakpoint: 500,
    
  });
});
//页面跳转



// 按钮移出
$('.button-father .aa').click(function(){
    $(this).addClass('active1').siblings().removeClass('active1')
})
$('.button-father li[class!="active1"] ').mouseover(function(){
    $(this).css('border','1px solid red').css('color','red')
})
$('.button-father li[class!="active1"] ').mouseout(function(){
    $(this).css('border','1px solid #8c8c8c').css('color','#8c8c8c ')
})
// // a标签

$('.xy1').click(function(){
    showPage(allData.storeData.main[0])
})
$('.xy2').click(function(){
    showPage(allData.storeData.main[1])
    
})
$('.button-father li:eq(0)').click(function(){
    showPage(allData.storeData.main[0])
    $('.xy1').addClass('active1').siblings().removeClass('active1')
})
$('.button-father li:eq(3)').click(function(){
    showPage(allData.storeData.main[1])
    $('.xy2').addClass('active1').siblings().removeClass('active1')
})

// 渲染数据

function showPage(data){
    var content=""
    for(var i=0;i<data.length;i++){
        content+=`
        
        <article class="white-panel">
        <img
          src="${data[i].goods_thumb}"
          class="thumb"
        />

        <img
          class="white-panel-logo"
          src="${data[i].goods_img}"
          alt=""
        />

        <h3><a href="">${ data[i].good_name}</a></h3>
        <p>主营品牌：&nbsp;&nbsp;绿联</p>
        <p>
          商家等级:&nbsp;&nbsp;
          <img   id="hp"
            src="${ data[i].goods_class}"
          />
        </p>
      </article>
        `
    }
    $('#gallery-wrapper').html(content)
}
showPage(allData.storeData.main[0])
// 公共样式修改
// 公共样式修改
$('.categorysleft').hover(function(){
    $('.menu_bottom').css('display','block')
   
  },function(){
    $('.menu_bottom').css('display','none')
    
  }) 
  $('.menu_bottom').hover(function(){

    $('.menu_bottom').css('display','block')
   
  },function(){
    $('.menu_bottom').css('display','none');
  })
  